<!DOCTYPE html>
<!-- saved from url=(0037)http://www.cjzzc.com/article/582.html -->
<html lang="zh-CN" class=" js no-touch csstransitions"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes">
    <meta name="applicable-device" content="pc,mobile">
    <title>计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池</title>
    <meta name="keywords" content="ASCII,编码,URL编码,蜘蛛技巧,超级蜘蛛池">
    <meta name="description" content="在计算机中，所有的数据在存储和运算时都要使用二进制数值表示（因为计算机用高电平和低电平分别表示1和0），而具体用哪些二进制数字表示哪个符号，当然每个人都可以约定自己的一套（这就叫编码），而大家如果要想">
    <meta property="og:type" content="article">
    <meta property="og:image" content="http://img.cjzzc.net/image/2019-09/cb2b06ed7da6b484336ad3675a0e52f5.jpg">
    <meta property="og:title" content="计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池">
    <meta property="og:description" content="在计算机中，所有的数据在存储和运算时都要使用二进制数值表示（因为计算机用高电平和低电平分别表示1和0），而具体用哪些二进制数字表示哪个符号，当然每个人都可以约定自己的一套（这就叫编码），而大家如果要想">    
    <meta property="og:release_date" content="2019年09月20日">
    <link rel="shortcut icon" href="http://www.cjzzc.com/favicon.ico">
    <link rel="canonical" href="http://www.cjzzc.com/article/582.html">
    <link href="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/font-awesome.min.css" rel="stylesheet">
    <link href="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/fontello.css" rel="stylesheet"> 
    <link href="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/bootstrap.css" rel="stylesheet">
    <link href="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/buttons.css" rel="stylesheet">
    <link href="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/zoomify.min.css" rel="stylesheet">
    <link href="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/style.css" rel="stylesheet">
    <link href="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/green.css" rel="stylesheet">
    <link href="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/custom.css" rel="stylesheet">
    <script type="text/javascript" src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/jquery.min.js.下载"></script>
    <script type="text/javascript" src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/zoomify.min.js.下载"></script>
  <script src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/share.js.下载"></script><link rel="stylesheet" href="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/layer.css" id="layui_layer_skinlayercss" style=""><link rel="stylesheet" href="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/style(1).css" id="layui_layer_skinseaningstylecss" style=""><style>hcfy-result.__hcfy__result__loaded__.__hcfy__result__both__{border: 1px dotted}</style><link rel="stylesheet" href="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/share_style1_24.css"></head>
  <body class="fixed-header-on"><div class="modal fade" id="Login-modal" tabindex="-1" role="dialog">
  <div class="modal-dialog" style="width:520px; margin:200px auto 0;">
    <div class="modal-content">
      <form role="form" action="http://www.cjzzc.com/user/login" method="post">      
        <div class="modal-header" style="padding:0px 15px 3px 30px;">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
          <div class="row">
            <div class="col-md-5" style="padding-left: 10px;">
              <h3 style="margin-top: 10px;color:#fff;">用户登录</h3>
            </div>
          </div>
        </div>
        <div class="modal-body user-panel" style="padding:15px 30px">
          <div class="input-group">
            <span class="input-group-addon">登录邮箱</span>
            <input type="text" class="form-control" id="modal-input-email" name="email" value="" maxlength="25" autofocus="">
          </div>
          <div class="input-group">
            <span class="input-group-addon">登录密码</span>
            <input type="password" class="form-control" id="modal-input-pwd" name="password" value="" maxlength="18">
          </div>
          <div class="checkbox" style="margin-top:15px;">
            <label>
              <input type="checkbox" name="service_agreement" value="1" checked="checked">
              同意遵守<a href="http://www.cjzzc.com/page/service_agreement" rel="nofollow" style="color:#1b9af7;" target="_blank">《用户协议》</a>和<a href="http://www.cjzzc.com/page/privacy_agreement" rel="nofollow" style="color:#1b9af7;" target="_blank">《隐私政策》</a>
            </label>
          </div>
        </div>
        <div class="modal-footer">
          <div class="container-fluid">
            <div class="col-md-8" style="text-align:left; padding-top:5px;">
              <span>没有账号？</span><a href="http://www.cjzzc.com/user/register">立即注册</a>
            </div>
            <div class="col-md-4">
              <input type="hidden" name="token_cjzzc" value="4ebd685269ba2305034e9feda68c04c2">
              <input class="button button-glow button-rounded button-primary pull-right" type="submit" value="登录">
            </div>
          </div>
        </div>
      </form>              
    </div>
  </div>
</div>
    <div class="page-wrapper">
        <div class="header-top">
  <div class="container">
    <div class="row">
      <div class="col-xs-6 col-sm-6">
        <div class="header-top-first clearfix">
          <ul class="header-tips">
            <li>欢迎使用超级蜘蛛池，网站外链优化，蜘蛛外链引蜘蛛快速提高网站收录，收藏快捷键 CTRL + D</li>
          </ul>
        </div>
      </div>
      <div class="col-xs-6 col-sm-6">
        <div id="header-top-second" class="clearfix">
          <div class="header-top-dropdown">               
            <div class="btn-group dropdown">
                                  <button type="button" class="btn" onclick="window.location.href = &#39;/tools/vip&#39;"><i class="fa fa-diamond"></i> <b>超级蜘蛛VIP</b></button>
                          </div>            
            <div class="btn-group dropdown">
              <button type="button" class="btn dropdown-toggle" data-toggle="dropdown"><i class="fa fa-search"></i> <b>搜索</b></button>
              <ul class="dropdown-menu dropdown-menu-right dropdown-animation" style="padding:15px;">
                <li>
                  <form action="http://www.cjzzc.com/search.html" method="get" class="search-box">
                    <input type="text" name="keyword" placeholder="输入搜索关键词.." style="font-weight: bold; padding:3px;">
                    <input class="button button-royal button-rounded button-small" type="submit" value="搜索" style="padding:0px 15px; line-height:30px; height:30px; ">
                  </form>
                </li>
              </ul>
            </div>
            <div class="btn-group dropdown">
              <button type="button" class="btn" onclick="window.location.href = &#39;/domain/&#39;"><i class="fa  fa-globe"></i> <b>老域名</b></button>
            </div>                
            <div class="btn-group dropdown">
              <button type="button" class="btn" onclick="AddFavorite(&#39;超级蜘蛛池&#39;, &#39;http://www.cjzzc.com/&#39;)"><i class="fa fa-star-o"></i> <b>收藏本站</b></button>
            </div>                
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<header class="header fixed clearfix animated object-visible fadeInDown">
  <div class="container">
    <div class="row">
      <div class="col-md-2">
        <div class="header-left clearfix">
          <div class="logo">
            <a href="http://www.cjzzc.com/" title="超级蜘蛛池"><img id="logo" src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/logo.png" alt="超级蜘蛛池"></a>
          </div>
        </div>
      </div>
      <div class="col-md-10">
        <div class="header-right clearfix" style="padding-left:30px;">
          <div class="main-navigation animated">
            <nav class="navbar navbar-default">
              <div class="container-fluid">
                <div class="navbar-header">
                  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                  </button>
                </div>
                <div class="collapse navbar-collapse" id="navbar-collapse-1">
                  <ul class="nav navbar-nav navbar-left">
                    <li>
                      <a href="http://www.cjzzc.com/" title="超级蜘蛛池">首页</a>
                    </li>
                    <li class="dropdown">
                      <a href="http://www.cjzzc.com/spider/" class="dropdown-toggle" data-toggle="dropdown">蜘蛛池</a>
                      <ul class="dropdown-menu">
                        <li><a href="http://www.cjzzc.com/spider/"><i class="icon-right-open"></i>任务列表</a></li>
                        <li><a href="http://www.cjzzc.com/spider/create/"><i class="icon-right-open"></i>创建任务</a></li>
                        <li><a href="http://www.cjzzc.com/spider/import/"><i class="icon-right-open"></i>导入链接</a></li>  
                        <li><a href="http://www.cjzzc.com/price.html"><i class="icon-right-open"></i>积分充值</a></li>
                        <li><a href="http://www.cjzzc.com/example.html"><i class="icon-right-open"></i>蜘蛛案例</a></li>
                      </ul>
                    </li>
                    <li class="dropdown">
                      <a href="http://www.cjzzc.com/wailianfabu/" class="dropdown-toggle" data-toggle="dropdown">软文外链</a>
                      <ul class="dropdown-menu">
                        <li><a href="http://www.cjzzc.com/wailianfabu/"><i class="icon-right-open"></i>任务列表</a></li>
                        <li><a href="http://www.cjzzc.com/wailianfabu/create/"><i class="icon-right-open"></i>创建任务</a></li>
                        <li><a href="http://www.cjzzc.com/price.html"><i class="icon-right-open"></i>积分充值</a></li>
                      </ul>
                    </li>                    
                    <li class="dropdown mega-menu">
                      <a href="http://www.cjzzc.com/tools" class="dropdown-toggle" data-toggle="dropdown">蜘蛛工具</a>
                      <ul class="dropdown-menu">
                        <li>
                          <div class="row">
                            <div class="col-sm-4">
                              <ul class="menu">
                                <li><a href="http://www.cjzzc.com/wailian.html" title="超级外链发布工具_在线免费批量发布SEO外链_超级蜘蛛池" target="_blank"><i class="icon-right-open"></i>超级外链发布工具</a></li>
                                <li><a href="http://www.cjzzc.com/crawl.html" title="网页蜘蛛模拟抓取测试工具_超级蜘蛛工具_超级蜘蛛池" target="_blank"><i class="icon-right-open"></i>网页蜘蛛模拟抓取测试</a></li>
                                <li><a href="http://www.cjzzc.com/links.html" title="站群泛目录在线批量生成网址链接_超级蜘蛛池"><i class="icon-right-open"></i>泛目录批量生成链接</a></li>                                
                                <li><a href="http://www.cjzzc.com/http_code.html" title="网站链接HTTP状态批量检测_在线批量检测网站链接状态_超级蜘蛛池" target="_blank"><i class="icon-right-open"></i>网站HTTP状态批量检测</a></li>
                                <li><a href="http://www.cjzzc.com/crawl_url" title="网页链接在线提取工具_一键提取网页所有链接_超级蜘蛛池"><i class="icon-right-open"></i>一键提取网页所有链接</a></li>
                              </ul>
                            </div>
                            <div class="col-sm-4">
                              <ul class="menu">
                                <li><a href="http://www.cjzzc.com/baidu.html" title="百度收录查询_在线百度收录批量查询_超级蜘蛛池" target="_blank"><i class="icon-right-open"></i>百度收录批量查询</a></li>
                                <li><a href="http://www.cjzzc.com/baidu_rank.html" title="百度关键词排名查询_网站关键词排名批量查询_超级蜘蛛池" target="_blank"><i class="icon-right-open"></i>百度关键词排名查询</a></li>
                                <li><a href="http://www.cjzzc.com/baidu_keywords.html" title="百度关键词收录批量查询_批量查询百度是否收录关键词_超级蜘蛛池" target="_blank"><i class="icon-right-open"></i>百度关键词收录查询</a></li>
                                <li><a href="http://www.cjzzc.com/baidu_count.html" title="百度站点近日收录查询_百度站点总收录批量查询_超级蜘蛛池" target="_blank"><i class="icon-right-open"></i>百度站点近日收录查询</a></li>                                         
                                <li><a href="http://www.cjzzc.com/web_color.html" title="html/css颜色代码和RGB颜色代码对照表_WEB颜色卡_超级蜘蛛池" target="_blank"><i class="icon-right-open"></i>WEB标准颜色卡</a></li>
                              </ul>
                            </div>
                            <div class="col-sm-4">
                              <ul class="menu">
                                <li><a href="http://www.cjzzc.com/sogou.html" title="搜狗收录查询_搜狗网址收录批量查询工具_超级蜘蛛池" target="_blank"><i class="icon-right-open"></i>搜狗收录批量查询</a></li>
                                <li><a href="http://www.cjzzc.com/sogou_count.html" title="搜狗总收录查询_搜狗网站总收录批量查询_超级蜘蛛池" target="_blank"><i class="icon-right-open"></i>搜狗总收录批量查询</a></li>
                                <li><a href="http://www.cjzzc.com/shenma_count.html" title="神马总收录查询_神马网站总收录批量查询_超级蜘蛛池" target="_blank"><i class="icon-right-open"></i>神马总收录批量查询</a></li>                                        
                                <li><a href="http://www.cjzzc.com/domain_ip.html" title="域名IP地址批量查询_在线批量查询网站IP地址_超级蜘蛛池" target="_blank"><i class="icon-right-open"></i>域名IP地址批量查询</a></li>
                                <li><a href="http://www.cjzzc.com/domain_filter.html" title="域名批量筛选工具_在线域名刷选去重工具_超级蜘蛛池" target="_blank"><i class="icon-right-open"></i>域名刷选去重工具</a></li> 
                              </ul>
                            </div>
                          </div>
                        </li>
                      </ul>
                    </li>
                    <li class="dropdown active">
                      <a href="http://www.cjzzc.com/article/" class="dropdown-toggle" data-toggle="dropdown">蜘蛛文章</a>
                      <ul class="dropdown-menu">
                        <li><a href="http://www.cjzzc.com/zhizhu.html" title="蜘蛛技巧文章列表、SEO收录排名优化_超级蜘蛛池"><i class="icon-right-open"></i>蜘蛛技巧</a></li>
                        <li><a href="http://www.cjzzc.com/seo.html" title="SEO优化文章列表、SEO收录排名优化_超级蜘蛛池"><i class="icon-right-open"></i>SEO优化</a></li>
                        <li><a href="http://www.cjzzc.com/sem.html" title="网络推广文章列表、SEO收录排名优化_超级蜘蛛池"><i class="icon-right-open"></i>网络推广</a></li>                            
                        <li><a href="http://www.cjzzc.com/share.html" title="好文分享文章列表、SEO收录排名优化_超级蜘蛛池"><i class="icon-right-open"></i>好文分享</a></li>                                                      
                      </ul>
                    </li> 
                    <li class="dropdown">
                      <a href="http://www.cjzzc.com/baijiahao.html" class="dropdown-toggle" data-toggle="dropdown">蜘蛛优化</a>
                      <ul class="dropdown-menu">
                        <li><a href="http://kp.cjzzc.cn/" target="_blank"><i class="icon-right-open"></i>关键词优化</a></li>
                        <li><a href="http://www.cjzzc.com/baijiahao.html" title="百家号排名优化推广_蜘蛛营销_超级蜘蛛池"><i class="icon-right-open"></i>百家号排名优化</a></li>                        
                      </ul>
                    </li>                
                  </ul>
                     
                      <ul class="nav navbar-nav navbar-right" style="margin-top:15px;">
                        <li><button type="button" class="button button-primary button-rounded button-small" data-toggle="modal" data-target="#Login-modal">登录</button></li> 
                        <li><button type="button" class="button button-action button-rounded button-small" onclick="register()">注册</button></li>
                      </ul>
                                            <script type="text/javascript">
                          function register() {
                              document.location = 'http://www.cjzzc.com/user/register';
                          }
                      </script>                      
                                  </div>
              </div>
            </nav>
          </div>
        </div>
      </div>
    </div>
  </div>
</header>      <div class="container" style="padding:0;">
        <div class="col-md-12"> 
          <ol class="breadcrumb">
            <li><i class="fa fa-home pr-10"></i><a href="http://www.cjzzc.com/" title="超级蜘蛛池">超级蜘蛛池</a></li>
            <li><a href="http://www.cjzzc.com/zhizhu.html" title="蜘蛛技巧">蜘蛛技巧</a></li> 
            <li class="active"><a href="http://www.cjzzc.com/article/582.html" title="计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别">计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别</a></li>
          </ol>
        </div>
        <div class="col-md-8">
          <div class="panel">
            <div class="panel-heading">         
              <h1 style="text-align:center;">
                    
                计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别              </h1>
            </div>
            <div class="panel-body">
              <div class="article-meta" style="text-align:center;">
                <span class="glyphicon glyphicon-user" aria-hidden="true"></span><span>超级蜘蛛池</span>
                <span class="glyphicon glyphicon-time" aria-hidden="true"></span><span>2019年9月20日 16:13</span>                                    
                <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span><span>7357</span>                               
              </div>                        
              <div class="row">
                <div class="col-md-6 col-md-offset-3">                           
                  <div class="bdsharebuttonbox bdshare-button-style1-24" style="margin: 0 auto; width: 300px;" data-bd-bind="1686896524166">    
                    <a href="http://www.cjzzc.com/article/582.html#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
                    <a href="http://www.cjzzc.com/article/582.html#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
                    <a href="http://www.cjzzc.com/article/582.html#" class="bds_tieba" data-cmd="tieba" title="分享到百度贴吧"></a>
                    <a href="http://www.cjzzc.com/article/582.html#" class="bds_bdhome" data-cmd="bdhome" title="分享到百度新首页"></a>
                    <a href="http://www.cjzzc.com/article/582.html#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
                    <a href="http://www.cjzzc.com/article/582.html#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>                                                                       
                    <a href="http://www.cjzzc.com/article/582.html#" class="bds_douban" data-cmd="douban" title="分享到豆瓣网"></a>                                    
                    <a href="http://www.cjzzc.com/article/582.html#" class="bds_copy" data-cmd="copy" title="分享到复制网址"></a>
                    <a href="http://www.cjzzc.com/article/582.html#" class="bds_more" data-cmd="more"></a>
                  </div>
                </div>
              </div>
              <hr>
              <div class="article">
                  <p style="text-indent: 2em;">在计算机中，所有的数据在存储和运算时都要使用二进制数值表示（因为计算机用高电平和低电平分别表示1和0），而具体用哪些二进制数字表示哪个符号，当然每个人都可以约定自己的一套（这就叫编码），而大家如果要想互相通信而不造成混乱，那么大家就必须使用相同的编码规则，这就是统一编码的原因。简单来说编码就是字符与数值的对应关系。</p><p style="text-align:center"><img src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/1568967167443569.jpg" title="1568967167443569.jpg" alt="11.jpg" class="zoomify"></p><p style="text-indent: 2em;">下面我们详细介绍不同编码的编码规则和应用。</p><h4 style="text-indent: 2em;"><strong>ASCII编码</strong></h4><p style="text-indent: 2em;">ASCII码是由美国有关的标准化组织出台的，后来它被国际标准化组织（International Organization for Standardization, ISO）定为国际标准，称为ISO 646标准。该标准统一规定了常用字符（像a、b、c、d这样的52个字母（包括大写）以及0、1等数字还有一些常用的符号（例如：%、!、+等）总共128个字符）如何用二进制数来表示。ASCII分为标准ASCII 码使用7 位二进制数组合来表示128种字符和扩展ASCII的8 位二进制数组合来表示256种字符。</p><ul style="list-style-type: square;" class=" list-paddingleft-2"><li><p style="text-indent: 0em;"><strong>标准ASCII</strong></p></li></ul><p style="text-indent: 2em;">0-127所包含的码称为标准ASCII编码，如：空格SPACE是32（二进制00100000），大写的字母a是97（二进制01100001）。这128个符号（包括32个不能打印出来的控制符号），只占用了一个字节(8位)的后7位，最前面的一位统一规定为0。</p><p style="text-indent: 2em;">下面是标准ASCII码表：</p><p style="text-align:center"><img src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/15689671841.jpg" alt="计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别" class="zoomify"></p><p><br></p><ul style="list-style-type: square;" class=" list-paddingleft-2"><li><p><strong>扩展ASCII码</strong></p></li></ul><p style="text-indent: 2em;">后128个称为扩展ASCII码。扩展ASCII码允许将每个字符的第8 位用于确定附加的128 个特殊符号字符、外来语字母和图形符号；</p><p style="text-indent: 2em;">下面是扩展ASCII码表：</p><p style="text-align:center"><img src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/15689671842.jpg" alt="计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别" class="zoomify"></p><p><br></p><p>在python中可以使用内置函数ord()查看单个字符的ASCII码，例如：</p><pre>&gt;&gt;&gt;&nbsp;ord('a')
97</pre><p>ord() 函数实质是返回字符的 Unicode 码对应的十进制数值。例如</p><pre>&gt;&gt;&gt;&nbsp;ord("国")
22269</pre><p>另外，ord()逆函数chr()查看编码对应的字符，例如：</p><pre>&gt;&gt;&gt;&nbsp;chr(97)
'a'
&gt;&gt;&gt;&nbsp;chr(22269)
'国'</pre><h4 style="text-indent: 2em;"><strong>GBK</strong></h4><p style="text-indent: 2em;">由于ASCII编码是不支持中文的，但又需要寻求一种编码方式来支持中文。于是，国人就定义了一套编码规则：当字符小于127位时，与ASCII的字符相同，但当两个大于127的字符连接在一起时，就代表一个汉字，第一个字节称为高字节（从0xA1-0xF7）,第二个字节为低字节（从0xA1-0xFE）,这样大约可以组合7000多个简体汉字。这个规则叫做GB2312。</p><p style="text-indent: 2em;">由于中国汉字很多，有些字还是无法表示，于是重新定义了规则：不在要求低字节一定是127之后的编码，只要第一个字节是大于127，就固定表示这是一个汉字的开始，不管后面跟的是不是扩展字符集里的内容。这种扩展之后的编码方案称之为GBK，包含了GB2312的所有内容，同时新增了近20000个新的汉字（包括繁体字）和符号。但是，中国有56个民族,每个民族都有自己的文字，所以，对GBK编码规则进行了扩展，又加了近几千个少数民族的字符，再次扩展后得编码叫做GB18030，GBK字符是被包含在GB18030字符内的，与GBK基本向后兼容。GB18030共收录汉字70,244个.</p><p style="text-indent: 2em;">Python中使用gbk和gb18030编码'韩'字：</p><pre>&gt;&gt;&gt;&nbsp;"韩".encode("gb18030")
b'\\xba\\xab'
&gt;&gt;&gt;&nbsp;"韩".encode("gbk")
b'\\xba\\xab'</pre><h4 style="text-indent: 2em;"><strong>ANSI</strong></h4><p style="text-indent: 2em;">为使计算机支持更多的语言，通常使用 0x80~0xFFFF 范围内的2个字节来表示1个字符。比如：汉字 '中' 在中文操作系统中，使用0xD6、0xD0这两个字节存储。但不同的国家和地区制定了不同的标准，由此产生了 GB2312、GBK、GB18030、Big5、Shift_JIS 等各自的编码标准。这些使用多个字节来代表一个字符的各种延伸编码方式，被称为 ANSI 编码。在简体中文Windows操作系统为中，ANSI 编码代表 GBK 编码；在繁体中文Windows操作系统中，ANSI编码代表Big5；而在日文Windows操作系统中，ANSI 编码代表 Shift_JIS 编码。不同 ANSI 编码之间互不兼容，当信息在国际间交流时，无法将属于两种语言的文字，存储在同一段 ANSI 编码的文本中。ANSI编码表示英文字符时用一个字节，表示中文用两个或四个字节。</p><h4 style="text-indent: 2em;"><strong>Unicode</strong></h4><p style="text-indent: 2em;">因为世界上有很多国家，而每个国家都定义一套自己的编码标准，结果相互之间无法解析编码进行通信，所以ISO（国际标准化组织）决定定义一套编码方案来解决所有国家的编码问题，这个新的编码方案就叫做Unicode。注意Unicode不是一个新的编码规则，而是一套字符集（为每一个「字符」分配一个唯一的 ID（学名为码位 / 码点 / Code Point）），可以将Unicode理解为一本世界编码的字典。具体的符号对应表，可以查询，或者专门的汉字对应表。</p><p style="text-indent: 2em;">在Python中查看字符对应Unicode数值的方法：</p><pre>&gt;&gt;&gt;&nbsp;"中".encode("unicode_escape")
b'\\\u4e2d'
&gt;&gt;&gt;&nbsp;b'\\\u4e2d'.decode("unicode_escape")
'中'</pre><p style="text-indent: 2em;">需要注意的是，Unicode 只是一个符号集，它只规定了符号的二进制代码，却没有规定这个二进制代码应该如何存储。比如，汉字严的 Unicode 是十六进制数4E25，转换成二进制数足足有15位（1001110 00100101），也就是说，这个符号的表示至少需要2个字节。表示其他更大的符号，可能需要3个字节或者4个字节，甚至更多。这里就有几个严重的问题，第一个问题是，计算机如何才能区别 Unicode 和 ASCII ？还有计算机怎么知道三个字节表示一个符号，而不是分别表示三个符号呢？第二个问题是，我们已经知道，英文字母只用一个字节表示就够了，如果 Unicode 统一规定，每个符号用三个或四个字节表示，那么每个英文字母前都必然有二到三个字节是0，这对于存储或传输来说是极大的浪费，文本文件的大小会因此大出二三倍，这是无法接受的。它们造成的结果是：出现了 Unicode 的多种存储方式，也就是说有许多种不同的二进制格式，可以用来表示 Unicode。也导致了Unicode 在很长一段时间内无法推广，直到UTF编码的出现。</p><h4 style="text-indent: 2em;"><strong>UTF-8编码</strong></h4><p style="text-indent: 2em;">由于Unicode比较浪费网络和硬盘资源，因此为了解决这个问题，就在Unicode的基础上，定制了一套编码规则（将「码位」转换为字节序列的规则【编码/解码 可以理解为 加密/解密 的过程】），这个新的编码规则就是UTF-8。UTF-8采用1-4个字符进行传输和存储数据，是一种针对Unicode的可变长度字符编码，又称万国码。</p><p style="text-indent: 2em;">Unicode与Utf-8编码规则：使用下面的模板进行互转</p><p style="text-indent: 2em;">Unicode符号范围（十六进制） | UTF-8编码方式(二进制)</p><p style="text-indent: 2em;">------------------------------------------------------------------------</p><p style="text-indent: 2em;">0000 0000-0000 007F | 0xxxxxxx</p><p style="text-indent: 2em;">0000 0080-0000 07FF | 110xxxxx 10xxxxxx</p><p style="text-indent: 2em;">0000 0800-0000 FFFF | 1110xxxx 10xxxxxx 10xxxxxx\</p><p style="text-indent: 2em;">0001 0000-0010 FFFF | 11110xxx 10xxxxxx 10xxxxxx 10xxxxxx</p><p style="text-indent: 2em;">Unicode字符通过对应模板加上标志位就后是Utf-8编。例如："迷" Unicode的编码为 \\\u8ff7 用二进制表示为：‭10001111 11110111‬，8ff7处于第三个模板范围内，把10001111 11110111 按模板分成三份 1000 111111 110111，然后加上标志位的二进制为：11101000&nbsp;10111111&nbsp;10110111 所以utf-8编码是"‭E8BFB7‬"</p><p style="text-indent: 2em;">Python中Unicode字符转UTF-8编码：</p><pre>&gt;&gt;&gt;'迷'.encode('utf-8')
b'\\xe8\\xbf\\xb7'</pre><p style="text-indent: 2em;">那么如何区分utf-8各个字符的？utf-8区分每个字符的开始是根据编码的高位字节来区分的，比如：用一个字节表示的字符，第一个字节高位以"0"开头；用两个字节表示的字符，第一个字节的高位为以"110"开头，后面一个字节以"10开头"；用三个字节表示的字符，第一个字节以"1110"开头，后面两个字节以"10"开头；用四个字节表示的字符，第一个字节以"11110"开头，后面的三个字节以"10"开头。这样计算机就可以认出每个字符由几个字节组成，才能显示出正确的信息。</p><h4 style="text-indent: 2em;">UTF-8和Unicode转换</h4><p style="text-indent: 2em;">比如汉字"智"，utf-8编码是"\\xe6\\x99\\xba"对应的二进制为："11100110 10011001 10111010"，由于utf-8中一个汉字是3个字节，所以对应的模板为：</p><p style="text-indent: 2em;">0000 0800-0000 FFFF | 1110xxxx 10xxxxxx 10xxxxxx</p><p style="text-indent: 2em;">11100110 10011001 10111010 | UTF-8编码成的二进制1110xxxx 10xxxxxx 10xxxxxx | 对应模版 0110 011001 111010 |去除模版中的标志位后01100110 01111010代表十六进制667A，因此根据规则转换得出"智"Unicode的编码为667A。</p><p style="text-indent: 2em;">同样，根据Unicode中字符的编码位置，也能找到对应的utf-8编码。例如：UTF-8编码：\\xe8\\xbf\\xb7，用二进制表示为：‭11101000 10111111 10110111‬，有3个字节属于第三个模板范围，按模板去掉标志位后是：1000 111111 110111，结果就是'迷'字的Unicode字符&nbsp;8ff7。</p><pre>&gt;&gt;&gt;&nbsp;b'\\\u8ff7'.decode('unicode_escape')
'迷'</pre><h4 style="text-indent: 2em;"><strong>Unicode与GBK编码的转换</strong></h4><p style="text-indent: 2em;">Unicode 与 GBK 是两个完全不同的字符编码方案, 其两者没有直接关系。如果要对其进行相</p><p style="text-indent: 2em;">互转换, 最直接最高效的方法是查询各自的字符对照表。</p><p style="text-indent: 2em;">Python实现Unicode与GBK转换（将Unicode对应数值：\\\u8ff7转GBK字符方法）：</p><pre>&gt;&gt;&gt;&nbsp;l_u&nbsp;=&nbsp;b'\\\u8ff7'.decode('unicode_escape')
&gt;&gt;&gt;&nbsp;l_u.encode('gbk')
b'\\xc3\\xd4'</pre><h4 style="text-indent: 2em;">UTF-8、Unicode与GBK的关系</h4><p style="text-indent: 2em;">Utf-8（utf-16）====编码====Unicode=====编码=====GBK（ANSI）</p><p style="text-indent: 2em;">Utf-8（utf-16）====解码====Unicode===解码=======GBK（ANSI）</p><p style="text-indent: 2em;">总结：Unicode字符可以通过编码可以得到UTF-8和GBK，相反UTF-8和GBK也可以通过解码得到Unicode，但GBK和UTF-8之间无法直接转换，只能转换到Unicode后再转到另一编码。其实所谓编码转换是数值与字符的转换。</p><h4 style="text-indent: 2em;"><strong>URL编码 /解码</strong></h4><p style="text-indent: 2em;">URL编码就是一个字符ascii码的十六进制。不过稍微有些变动，需要在前面加上"%"。比如"\"，它的ascii码是92，92的十六进制是5c，所以"\"的URL编码就是%5c。那么汉字的URL编码呢？很简单，非ASCII字符的编码一般有两种，是以GBK或UTF8进行编码。例如："迷" 对应的UTF-8编码\\xe8\\xbf\\xb7，则"胡"的URL编码是%E8%BF%B7。解码方法是去掉%，之后再进行UTF-8解码，就可以得到实际的字符了。</p><h4 style="text-indent: 2em;">计算机是以什么编码存储和传输数据的呢？</h4><p style="text-indent: 2em;">支持Unicode的应用程序（python、VS、VC、Google Chrome、notepad等大多数程序都支持（部分程序需要设置编码）。</p><p style="text-indent: 2em;">不支持Unicode的应用程序（易语言等）则会以控制面板—区域—管理中设置的编码（ANSI）进行存储，例如：简体中文(GBK)、繁体中文(Big5)等。</p><p style="text-indent: 2em;">例如：以国产编程语言‘易语言’为例，看一下变量在内存中是以什么编码存储的</p><pre>a&nbsp;＝&nbsp;"你"
调试输出&nbsp;(取指针地址_文本型&nbsp;(a))

*&nbsp;1966420</pre><p style="text-indent: 2em;">通过CE查看此内存地址中对应的值为0000E3C4，而"你"的GBK编码正好为：E3C4。由此得知，易语言软件是以GBK编码进行数据存储和传输的。</p><p style="text-indent: 2em;">再看看数据在内存中如何存储：</p><p style="text-indent: 2em;">·&nbsp;使用OD查看</p><p style="text-align:center"><img src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/15689671843.jpg" alt="计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别" class="zoomify"></p><p><br></p><p style="text-indent: 2em;">·&nbsp;使用CE查看</p><p style="text-align:center"><img src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/15689671844.jpg" alt="计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别" class="zoomify"></p><p><br></p><p style="text-indent: 2em;">多字符变量"你好啊"的GBK字符：c4e3bac3b0a1</p><p style="text-indent: 2em;">OD:</p><p style="text-align:center"><img src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/15689671845.jpg" alt="计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别" class="zoomify"></p><p><br></p><p style="text-indent: 2em;">CE（8字节显示）:</p><p style="text-align:center"><img src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/15689671846.jpg" alt="计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别" class="zoomify"></p><p style="text-indent: 2em;">由此可以看出，内存的存储编码方式与软件支持的编码方式是一致的（易语言：GBK字符；python：Unicode字符）；计算机内存数据存储一般采用大端模式(内存高位对数据低位，内存低位对数据高位) 。OD默认是从内存低位到高位显示数据，CE默认是从内存高位到低位显示数据，所以看到的十六进制数值是相反的。存储占用的内存大小，会根据变量的数据类型申请对应大小的内存来存储。</p>                <p style="text-indent: 2em; line-height: 2em; white-space:nowrap;">本文链接：<a href="http://www.cjzzc.com/article/582.html" title="计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别">http://www.cjzzc.com/article/582.html</a></p>
              </div> 
            </div> 
            <div class="panel-footer" style="overflow: hidden;">
              <ul class="list-unstyled article-detail-tag" style="margin-bottom: 0"><li><a href="http://www.cjzzc.com/tag/ASCII.html" title="ASCII">ASCII</a></li><li><a href="http://www.cjzzc.com/tag/%E7%BC%96%E7%A0%81.html" title="编码">编码</a></li><li><a href="http://www.cjzzc.com/tag/URL%E7%BC%96%E7%A0%81.html" title="URL编码">URL编码</a></li></ul>
            </div>
          </div>
          <div class="row" style="margin: 0">
                              <p class="article-crumb pull-left"><a href="http://www.cjzzc.com/article/583.html" title="Web服务器软件之IIS漏洞解析">上一篇：Web服务器软件之IIS漏洞解析</a></p>
                                        <p class="article-crumb pull-right"><a href="http://www.cjzzc.com/article/581.html" title="网站不收录或收录慢的原因？">下一篇：网站不收录或收录慢的原因？</a></p>
                      </div>                
          <div class="panel panel-danger">
            <div class="panel-heading"><h4>相关文章推荐</h4></div>
            <div class="panel-body" style="padding-bottom: 5px;">
              <ol>
                                      <li><a href="http://www.cjzzc.com/article/582.html" title="计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别">计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别</a></li>
                  
              </ol>
            </div> 
          </div>
          <div class="panel">
            <div class="panel-heading">
              <h4>评论专区</h4>
            </div>
            <div class="panel-body">
              <form action="http://www.cjzzc.com/article/582.html" method="post" onsubmit="return articleComment(this)">     
                <table style="width:100%">
                  <tbody><tr>
                    <td>
                      <div class="input-group">
                        <span class="input-group-addon">您的大名<font color="red">*</font></span>
                        <input type="text" name="name" class="form-control" id="comment-name" maxlength="20" value="" placeholder="必填">                           
                      </div>                                        
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <div class="input-group">
                        <span class="input-group-addon">电子邮件<font color="red">*</font></span>
                        <input type="text" name="email" class="form-control" maxlength="30" value="" placeholder="必填，不公开">                                
                      </div>                                        
                    </td> 
                  </tr>
                  <tr>
                    <td>
                      <div class="input-group">
                        <span class="input-group-addon">个人网址&nbsp;</span>
                        <input type="text" name="url" class="form-control" maxlength="50" value="" placeholder="我信任你，不会填写广告链接">
                      </div>                                        
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <div class="input-group">
                        <span class="input-group-addon">评论内容&nbsp;</span>
                        <textarea class="form-control" name="content" id="comment-content" rows="6"></textarea>                                     
                      </div>                                        
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <div class="input-group pull-left" style="width:200px;">
                        <span class="input-group-addon">验证码&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                        <input type="text" name="captcha" id="comment-captcha" class="form-control" maxlength="4" value="">                           
                      </div>                                                           
                      <div class="pull-left" style="margin-top:11px; margin-left: 5px;">
                        <img id="authcode" border="1" src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/show" style="cursor:pointer;" onclick="this.src = &#39;/captcha/show?id=&#39; + Math.round(Math.random() * 100)">
                      </div>
                    </td>
                  </tr>                                
                </tbody></table>
                <div class="input-group pull-right"> 
                  <input type="hidden" name="parent_id" value="0">
                  <input type="hidden" name="article_id" value="582">
                  <input class="button button-highlight button-rounded" type="submit" value="发布评论"> 
                </div>                            
              </form>
            </div>
                      </div>
        </div>
        <div class="col-md-4">
          <div class="panel">
            <div class="panel-body">
              <form action="http://www.cjzzc.com/search.html" method="get">
                <table>
                  <tbody><tr>
                    <td width="88%">
                      <input type="text" name="keyword" class="form-control" placeholder="输入搜索关键词.." style="font-weight: bold;">      
                    </td>
                    <td>
                      <input class="button button-royal button-rounded button-small" type="submit" value="搜索" style="margin-left: 10px; padding:0px 20px; line-height:35px; height:35px;">
                    </td>
                  </tr>                                
                </tbody></table>
              </form>              
            </div>
          </div>          
          <div class="panel panel-warning">
            <div class="panel-heading">
              <h4>蜘蛛技巧最新文章</h4>
            </div>
            <div class="panel-body" style="padding:10px 0 5px 0">
              <ol>
                                      <li><a href="http://www.cjzzc.com/article/1328.html" title="SEO推广就是搜索引擎优化和推广">SEO推广就是搜索引擎优化和推广</a></li>  
                                    <li><a href="http://www.cjzzc.com/article/1324.html" title="SEO搜索引擎优化词库匹配算法">SEO搜索引擎优化词库匹配算法</a></li>  
                                    <li><a href="http://www.cjzzc.com/article/1316.html" title="如何优化网站打开速度，网站性能优化的32种方法">如何优化网站打开速度，网站性能优化的...</a></li>  
                                    <li><a href="http://www.cjzzc.com/article/1314.html" title="网站SEO必须要知道的13个SEO数据价值">网站SEO必须要知道的13个SEO数...</a></li>  
                                    <li><a href="http://www.cjzzc.com/article/1310.html" title="网站SEO之移动端优化指南，如何做好移动适配">网站SEO之移动端优化指南，如何做好...</a></li>  
                                    <li><a href="http://www.cjzzc.com/article/1305.html" title="掌握百度搜索引擎分词技术，使网站优化更上一层楼">掌握百度搜索引擎分词技术，使网站优化...</a></li>  
                                    <li><a href="http://www.cjzzc.com/article/1300.html" title="企业网站优化方法和单页优化的常见问题">企业网站优化方法和单页优化的常见问题</a></li>  
                                    <li><a href="http://www.cjzzc.com/article/1296.html" title="网站没有排名怎么办，影响网站排名的因素">网站没有排名怎么办，影响网站排名的因...</a></li>  
                                    <li><a href="http://www.cjzzc.com/article/1293.html" title="网站性能优化提升的30个方法策略">网站性能优化提升的30个方法策略</a></li>  
                                    <li><a href="http://www.cjzzc.com/article/1288.html" title="域名锁定状态分析，ClientHold和ServerHold的区别">域名锁定状态分析，ClientHol...</a></li>  
                              </ol>
            </div> 
          </div>
          <div class="panel panel-danger">
            <div class="panel-heading">
              <h4>蜘蛛外链文章推荐</h4>
            </div>
            <div class="panel-body" style="padding:10px 0 5px 0">
              <ol>
                                      <li><a href="http://www.cjzzc.com/article/1139.html" title="网站分析技巧，手工检测Web网站指纹">网站分析技巧，手工检测Web网站指纹</a></li>  
                                    <li><a href="http://www.cjzzc.com/article/1243.html" title="为什么网站首页老不被百度收录，百度近期收录异常情况大全">为什么网站首页老不被百度收录，百度近...</a></li>  
                                    <li><a href="http://www.cjzzc.com/article/656.html" title="浅谈关键词密度，细说网站关键词密度有哪些规律？">浅谈关键词密度，细说网站关键词密度有...</a></li>  
                                    <li><a href="http://www.cjzzc.com/article/1102.html" title="百度飓风算法1.0-3.0核心点详解">百度飓风算法1.0-3.0核心点详解</a></li>  
                                    <li><a href="http://www.cjzzc.com/article/826.html" title="搜索引擎百度蜘蛛详解，百度蜘蛛IP分析">搜索引擎百度蜘蛛详解，百度蜘蛛IP分...</a></li>  
                                    <li><a href="http://www.cjzzc.com/article/1224.html" title="SEO排名从这10个方面分析“竞争对手”网站？">SEO排名从这10个方面分析“竞争对...</a></li>  
                                    <li><a href="http://www.cjzzc.com/article/1082.html" title="详解nginx的rewrite应用，Nginx高级之Rewrite规则">详解nginx的rewrite应用，...</a></li>  
                                    <li><a href="http://www.cjzzc.com/article/1247.html" title="自查网站是否被黑，防范网站被黑被攻击的几点建议">自查网站是否被黑，防范网站被黑被攻击...</a></li>  
                                    <li><a href="http://www.cjzzc.com/article/1114.html" title="影响网站百度收录的问题有那些，网站收录慢原因分析">影响网站百度收录的问题有那些，网站收...</a></li>  
                                    <li><a href="http://www.cjzzc.com/article/1011.html" title="网站如何避免被K，网站被K多久才能恢复？">网站如何避免被K，网站被K多久才能恢...</a></li>  
                              </ol>
            </div> 
          </div>          
          <div class="panel panel-success">
            <div class="panel-heading">
              <h4>超级蜘蛛工具</h4>
            </div>
            <div class="panel-body">
              <ul class="list-unstyled" style="text-align: center">
                <li class="col-md-6" style="padding-left:0;"><a href="http://www.cjzzc.com/spider/" title="超级蜘蛛池引蜘蛛" target="_blank"><img src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/23.jpg" alt="超级蜘蛛池引蜘蛛" class="imagescale" width="168"></a></li>
                <li class="col-md-6" style="padding-left:5px;"><a href="http://www.cjzzc.com/baidu_rank.html" title="百度关键词排名查询_网站关键词排名批量查询_超级蜘蛛池"><img src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/9e.jpg" alt="百度关键词排名查询_网站关键词排名批量查询_超级蜘蛛池" class="imagescale" width="168"></a></li>
                <li class="col-md-6" style="padding-left:0; margin-top: 10px;"><a href="http://www.cjzzc.com/baidu.html" title="百度收录批量查询工具" target="_blank"><img src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/1f.jpg" alt="百度收录查询_在线百度收录批量查询_超级蜘蛛池" class="imagescale" width="168"></a></li>
                <li class="col-md-6" style="padding-left:5px; margin-top: 10px;"><a href="http://www.cjzzc.com/domain_ip.html" title="域名IP地址批量查询_在线批量查询网站IP地址_超级蜘蛛池" target="_blank"><img src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/a2.jpg" alt="域名IP地址批量查询_在线批量查询网站IP地址_超级蜘蛛池" class="imagescale" width="168"></a></li>
                <li class="col-md-6" style="padding-left:0; margin-top: 10px;"><a href="http://www.cjzzc.com/wailian.html" title="超级外链发布工具" target="_blank"><img src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/47.jpg" alt="超级外链发布工具_在线免费批量发布SEO外链_超级蜘蛛池" class="imagescale" width="168"></a></li>
                <li class="col-md-6" style="padding-left:5px; margin-top: 10px;"><a href="http://www.cjzzc.com/crawl.html" title="网页蜘蛛模拟抓取测试工具_超级蜘蛛工具_超级蜘蛛池" target="_blank"><img src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/c9.jpg" alt="网页蜘蛛模拟抓取测试工具_超级蜘蛛工具_超级蜘蛛池" class="imagescale" width="168" height="86"></a></li>                                            
              </ul>
            </div> 
          </div>          
          <div class="panel panel-info">
            <div class="panel-heading">
              <h4>您可能感兴趣的文章</h4>
            </div>
            <div class="panel-body" style="padding:5px;">
              <ul class="list-unstyled">
                        
                    <li class="col-md-6" style="border:1px dashed #e5e5e5; padding:5px; height: 165px;overflow: hidden">
                      <a href="http://www.cjzzc.com/article/1203.html" title="WEB前端HTML页面性能优化的9个方法"><img src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/8843b669edf01921ba5689f17f3a675f.jpg" width="168" height="115"></a>
                      <a href="http://www.cjzzc.com/article/1203.html" title="WEB前端HTML页面性能优化的9个方法">WEB前端HTML页面性能优化的9个方法</a>
                    </li>              
                      
                    <li class="col-md-6" style="border:1px dashed #e5e5e5; padding:5px; height: 165px;overflow: hidden">
                      <a href="http://www.cjzzc.com/article/1198.html" title="为什么我们需要打造爆款，爆款获取用户的巨大作用"><img src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/43a5788de76dd44949ac01e2358d35b1.jpg" width="168" height="115"></a>
                      <a href="http://www.cjzzc.com/article/1198.html" title="为什么我们需要打造爆款，爆款获取用户的巨大作用">为什么我们需要打造爆款，爆款获取用户的巨大作用</a>
                    </li>              
                      
                    <li class="col-md-6" style="border:1px dashed #e5e5e5; padding:5px; height: 165px;overflow: hidden">
                      <a href="http://www.cjzzc.com/article/1197.html" title="各大平台被要求解除屏蔽外链，解除网链屏蔽意味着什么？"><img src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/7e939fcf920bab8cd05faa5bad105ac5.jpg" width="168" height="115"></a>
                      <a href="http://www.cjzzc.com/article/1197.html" title="各大平台被要求解除屏蔽外链，解除网链屏蔽意味着什么？">各大平台被要求解除屏蔽外链，解除网链屏蔽意味着什么？</a>
                    </li>              
                      
                    <li class="col-md-6" style="border:1px dashed #e5e5e5; padding:5px; height: 165px;overflow: hidden">
                      <a href="http://www.cjzzc.com/article/1200.html" title="织梦CMS开启收费模式，商业授权费5800元，网站需要改版吗？"><img src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/ba8cb186c04e6ff0bd76df28604581cc.jpg" width="168" height="115"></a>
                      <a href="http://www.cjzzc.com/article/1200.html" title="织梦CMS开启收费模式，商业授权费5800元，网站需要改版吗？">织梦CMS开启收费模式，商业授权费5800元，网站需要改版吗？</a>
                    </li>              
                      
                    <li class="col-md-6" style="border:1px dashed #e5e5e5; padding:5px; height: 165px;overflow: hidden">
                      <a href="http://www.cjzzc.com/article/1199.html" title="企业商业推广SEM百度竞价排名，百度推广操作技巧"><img src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/183a534093d569807573f10944ff4c9e.jpg" width="168" height="115"></a>
                      <a href="http://www.cjzzc.com/article/1199.html" title="企业商业推广SEM百度竞价排名，百度推广操作技巧">企业商业推广SEM百度竞价排名，百度推广操作技巧</a>
                    </li>              
                      
                    <li class="col-md-6" style="border:1px dashed #e5e5e5; padding:5px; height: 165px;overflow: hidden">
                      <a href="http://www.cjzzc.com/article/1196.html" title="破局网络营销同质化，如何突破网站SEO推广瓶颈?"><img src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/036efb7f5fc8e1d689e41283ad2386f9.jpg" width="168" height="115"></a>
                      <a href="http://www.cjzzc.com/article/1196.html" title="破局网络营销同质化，如何突破网站SEO推广瓶颈?">破局网络营销同质化，如何突破网站SEO推广瓶颈?</a>
                    </li>              
                      
                    <li class="col-md-6" style="border:1px dashed #e5e5e5; padding:5px; height: 165px;overflow: hidden">
                      <a href="http://www.cjzzc.com/article/1201.html" title="网站SEO必须学会掌握的十二个基本数据分析"><img src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/539e3ae4db75d36e95a6874caa307e9a.jpg" width="168" height="115"></a>
                      <a href="http://www.cjzzc.com/article/1201.html" title="网站SEO必须学会掌握的十二个基本数据分析">网站SEO必须学会掌握的十二个基本数据分析</a>
                    </li>              
                      
                    <li class="col-md-6" style="border:1px dashed #e5e5e5; padding:5px; height: 165px;overflow: hidden">
                      <a href="http://www.cjzzc.com/article/1202.html" title="掌握这十种营销心理学，让用户心甘情愿的购买？"><img src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/cb000836174089521766a7e53bdc4445.jpeg" width="168" height="115"></a>
                      <a href="http://www.cjzzc.com/article/1202.html" title="掌握这十种营销心理学，让用户心甘情愿的购买？">掌握这十种营销心理学，让用户心甘情愿的购买？</a>
                    </li>              
                      
                    <li class="col-md-6" style="border:1px dashed #e5e5e5; padding:5px; height: 165px;overflow: hidden">
                      <a href="http://www.cjzzc.com/article/1205.html" title="个人如何做跨境电商？跨境电商你需要知道的14个知识！"><img src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/36dcb990389313cbe259e8b8b8df38b5.jpg" width="168" height="115"></a>
                      <a href="http://www.cjzzc.com/article/1205.html" title="个人如何做跨境电商？跨境电商你需要知道的14个知识！">个人如何做跨境电商？跨境电商你需要知道的14个知识！</a>
                    </li>              
                      
                    <li class="col-md-6" style="border:1px dashed #e5e5e5; padding:5px; height: 165px;overflow: hidden">
                      <a href="http://www.cjzzc.com/article/1204.html" title="产品经理提升执行力的方法，团队执行力提升的五大要素"><img src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/d9999b5422a7d9aceaea0b7d897493cb.jpg" width="168" height="115"></a>
                      <a href="http://www.cjzzc.com/article/1204.html" title="产品经理提升执行力的方法，团队执行力提升的五大要素">产品经理提升执行力的方法，团队执行力提升的五大要素</a>
                    </li>              
                              </ul>
            </div>
          </div>
        </div>           
      </div>
      <script type="text/javascript" src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/article.js.下载">
      </script>
      <script type="text/javascript">
          $('.article img').zoomify({"scale": 1.5});
      </script>
      <script>
          window._bd_share_config = {"common": {"bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "1", "bdSize": "24"}, "share": {}};
          with (document)
              0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];
      </script>
          <footer id="footer">
      <div class="footer">
        <div class="container">
          <div class="row">
            <div class="col-md-5">
              <div class="footer-content">
                <div class="logo-footer"><img id="logo-footer" src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/logo_footer.png" alt="超级蜘蛛池"></div>
                <div class="row">
                  <div class="col-sm-7">
                    <p style="margin-top:5px;">超级蜘蛛池免费提供的网站SEO优化查询工具：超级外链发布、百度收录批量查询、百度关键词排名批量查询、网页蜘蛛模拟抓取等工具，还有软文外链发布，关键词排名优化；</p>
                  </div>
                  <div class="col-sm-5">
                    <ul class="list-icons">
                      <li><i class="fa fa-qq pr-10"></i>23-6766-6958</li>
                      <li><i class="fa fa-envelope-o pr-10"></i>admin#cjzzc.com</li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
            <div class="space-bottom hidden-lg hidden-xs"></div>
            <div class="col-md-5">
              <div class="footer-content">
                <h3>热门标签</h3>
                <div class="tags-cloud">
                                                              <div class="tag"><a href="http://www.cjzzc.com/tag/%E8%9C%98%E8%9B%9B%E6%B1%A0.html" title="蜘蛛池">蜘蛛池</a></div>
                                        <div class="tag"><a href="http://www.cjzzc.com/tag/%E5%BC%95%E8%9C%98%E8%9B%9B.html" title="引蜘蛛">引蜘蛛</a></div>
                                        <div class="tag"><a href="http://www.cjzzc.com/tag/%E7%99%BE%E5%BA%A6%E8%9C%98%E8%9B%9B.html" title="百度蜘蛛">百度蜘蛛</a></div>
                                        <div class="tag"><a href="http://www.cjzzc.com/tag/%E7%99%BE%E5%BA%A6%E7%AE%97%E6%B3%95.html" title="百度算法">百度算法</a></div>
                                        <div class="tag"><a href="http://www.cjzzc.com/tag/%E8%9C%98%E8%9B%9B%E6%8A%93%E5%8F%96.html" title="蜘蛛抓取">蜘蛛抓取</a></div>
                                        <div class="tag"><a href="http://www.cjzzc.com/tag/%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E.html" title="搜索引擎">搜索引擎</a></div>
                                        <div class="tag"><a href="http://www.cjzzc.com/tag/%E7%AB%99%E7%BE%A4.html" title="站群">站群</a></div>
                                        <div class="tag"><a href="http://www.cjzzc.com/tag/%E7%BD%91%E7%AB%99SEO.html" title="网站SEO">网站SEO</a></div>
                                        <div class="tag"><a href="http://www.cjzzc.com/tag/%E7%BD%91%E7%AB%99%E6%8E%92%E5%90%8D.html" title="网站排名">网站排名</a></div>
                                        <div class="tag"><a href="http://www.cjzzc.com/tag/%E5%85%B3%E9%94%AE%E8%AF%8D%E6%8E%92%E5%90%8D.html" title="关键词排名">关键词排名</a></div>
                                        <div class="tag"><a href="http://www.cjzzc.com/tag/%E5%85%B3%E9%94%AE%E8%AF%8D%E5%B8%83%E5%B1%80.html" title="关键词布局">关键词布局</a></div>
                                        <div class="tag"><a href="http://www.cjzzc.com/tag/%E6%B5%81%E9%87%8F.html" title="流量">流量</a></div>
                                        <div class="tag"><a href="http://www.cjzzc.com/tag/%E5%BC%95%E6%B5%81.html" title="引流">引流</a></div>
                                        <div class="tag"><a href="http://www.cjzzc.com/tag/%E5%A4%96%E9%93%BE.html" title="外链">外链</a></div>
                                        <div class="tag"><a href="http://www.cjzzc.com/tag/%E9%BB%91%E5%B8%BDSEO.html" title="黑帽SEO">黑帽SEO</a></div>
                                        <div class="tag"><a href="http://www.cjzzc.com/tag/%E7%AB%99%E9%95%BF%E5%B7%A5%E5%85%B7.html" title="站长工具">站长工具</a></div>
                                        <div class="tag"><a href="http://www.cjzzc.com/tag/%E6%A0%87%E9%A2%98%E4%BC%98%E5%8C%96.html" title="标题优化">标题优化</a></div>
                                        <div class="tag"><a href="http://www.cjzzc.com/tag/%E6%94%B6%E5%BD%95.html" title="收录">收录</a></div>
                                        <div class="tag"><a href="http://www.cjzzc.com/tag/%E6%9D%83%E9%87%8D.html" title="权重">权重</a></div>
                                        <div class="tag"><a href="http://www.cjzzc.com/tag/%E7%BD%91%E8%B5%9A.html" title="网赚">网赚</a></div>
                                        <div class="tag"><a href="http://www.cjzzc.com/tag/%E9%9C%B8%E5%B1%8F.html" title="霸屏">霸屏</a></div>
                                        <div class="tag"><a href="http://www.cjzzc.com/tag/%E8%9C%98%E8%9B%9B.html" title="蜘蛛">蜘蛛</a></div>
                                        <div class="tag"><a href="http://www.cjzzc.com/tag/%E5%88%9B%E4%B8%9A.html" title="创业">创业</a></div>
                                        <div class="tag"><a href="http://www.cjzzc.com/tag/%E5%B9%BF%E5%91%8A.html" title="广告">广告</a></div>
                                        <div class="tag"><a href="http://www.cjzzc.com/tag/%E5%8F%8B%E6%83%85%E9%93%BE%E6%8E%A5.html" title="友情链接">友情链接</a></div>
                                        <div class="tag"><a href="http://www.cjzzc.com/tag/%E7%BD%91%E7%AB%99%E5%BB%BA%E8%AE%BE.html" title="网站建设">网站建设</a></div>
                                        <div class="tag"><a href="http://www.cjzzc.com/tag/%E8%90%A5%E9%94%80%E6%8E%A8%E5%B9%BF.html" title="营销推广">营销推广</a></div>
                                        <div class="tag"><a href="http://www.cjzzc.com/tag/%E7%BD%91%E7%BB%9C%E8%90%A5%E9%94%80.html" title="网络营销">网络营销</a></div>
                                        <div class="tag"><a href="http://www.cjzzc.com/tag/%E8%BD%AF%E6%96%87%E8%90%A5%E9%94%80.html" title="软文营销">软文营销</a></div>
                                  </div>
              </div>
            </div>
            <div class="space-bottom hidden-lg hidden-xs"></div>
            <div class="col-md-2">
              <div class="footer-content">
                <h3>底部导航</h3>
                <nav>
                  <ul class="nav nav-pills nav-stacked">
                    <li><a href="http://www.cjzzc.com/wailian.html" title="超级外链发布工具_在线免费批量发布SEO外链_超级蜘蛛池">超级外链发布工具</a></li>                                          
                    <li><a href="http://www.cjzzc.com/baidu.html" title="百度收录查询_在线百度收录批量查询_超级蜘蛛池">百度收录批量查询</a></li>
                    <li><a href="http://www.cjzzc.com/links.html" title="站群泛目录在线批量生成网址链接_超级蜘蛛池">泛域名泛目录生成</a></li>
                    <li><a href="http://www.cjzzc.com/http_code.html" title="网站链接HTTP状态批量检测_在线批量检测网站链接状态_超级蜘蛛池">网站HTTP状态批量检测</a></li> 
                  </ul>
                </nav>
              </div>
            </div>            
          </div>
        </div>
      </div>
      <div class="subfooter">
        <div class="container" style="padding-left: 0;padding-right: 0;">           
          <div class="row copyright">
            <div class="col-md-12" style="text-align: center; color:#fff">
              <span>Copyright © <a href="http://www.cjzzc.com/" title="超级蜘蛛池">超级蜘蛛池</a></span>
              <span><a href="http://www.cjzzc.com/page/service_agreement" rel="nofollow" target="_blank">服务协议</a></span>
              <span><a href="http://www.cjzzc.com/page/privacy_agreement" rel="nofollow" target="_blank">隐私政策</a></span>
              <span><a href="http://www.cjzzc.com/sitemap.xml" target="_blank">网站地图</a></span>
              <span><a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">赣ICP备2022002418号</a></span>
            </div>
          </div>
        </div>
      </div>
    </footer>
        <script charset="UTF-8" id="LA_COLLECT" src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/js-sdk-pro.min.js.下载"></script>
    <script>LA.init({id: "JfhxMQgItSQNGs7t", ck: "JfhxMQgItSQNGs7t"})</script>
    <script type="text/javascript" src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/bootstrap.min.js.下载"></script>
    <script type="text/javascript" src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/modernizr.js.下载"></script>
    <script type="text/javascript" src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/template.js.下载"></script>
    <script type="text/javascript" src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/scrollbox.js.下载"></script>
    <script type="text/javascript" src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/layer.js.下载"></script>
    <script type="text/javascript" src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/common.js.下载"></script>
    <script type="text/javascript" src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/sonline.js.下载">
    </script>
    <script type="text/javascript">
        $(function () {
            $("body").Sonline({
                Position: "right", //left或right
                Top: 330, //顶部距离，默认200px
                Effect: false, //滚动或者固定两种方式，布尔值：true或false
                DefaultsOpen: false, //默认展开：true,默认收缩：false
                Qqlist: "2367666958|在线客服,810264849|&nbsp;&nbsp;&nbsp百家号"//多个QQ用','隔开，QQ和客服名用'|'隔开
            });
        })
    </script>
    </div>
  
<div class="backToTop" title="返回顶部" style="display: block;">返回顶部</div><div class="SonlineBox" id="SonlineBox" style="top: 330px; right: 0px; height: 114px; width: 30px; position: fixed;"><div class="openTrigger" style="right: 0px;" title="展开"></div><div class="contentBox" style="right: -171px;"><div class="closeTrigger"><img src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/closeBtnImg.gif" title="关闭"></div><div class="titleBox"><span>客服中心</span></div><div class="listBox"><div class="QQList"><span>在线客服：</span><a href="tencent://message/?uin&amp;uin=2367666958&amp;site=qq&amp;menu=yes"><img border="0" src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/pa" alt="点击这里"></a></div><div class="QQList"><span>&nbsp;&nbsp;&nbsp;百家号：</span><a href="tencent://message/?uin&amp;uin=810264849&amp;site=qq&amp;menu=yes"><img border="0" src="./计算机编码ASCII、GBK、Unicode、UTF-8和URL编码的区别_超级蜘蛛池_files/pa(1)" alt="点击这里"></a></div></div></div></div></body><div style="all: initial;"><div id="__hcfy__" style="all: initial;"><template shadowrootmode="open"><style>#root{-webkit-text-size-adjust:100%;box-sizing:border-box;font-size:14px;font-weight:400;letter-spacing:0;line-height:1.28581;text-transform:none;color:#182026;font-family:-apple-system,"BlinkMacSystemFont","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Open Sans","Helvetica Neue","Icons16",sans-serif}#root{touch-action:manipulation}#root>.bp4-portal{z-index:9999999999}</style><link rel="stylesheet" href="chrome-extension://cjlbgpmmejcpkmjoflojmlhhkllmdapj/normalize.css"><link rel="stylesheet" href="chrome-extension://cjlbgpmmejcpkmjoflojmlhhkllmdapj/blueprint.css"><link rel="stylesheet" href="chrome-extension://cjlbgpmmejcpkmjoflojmlhhkllmdapj/blueprint-select.css"><link rel="stylesheet" href="chrome-extension://cjlbgpmmejcpkmjoflojmlhhkllmdapj/cropper.css"><style>#translate-panel{background-color:#f6f7f9;display:flex;flex-direction:column;padding-bottom:8px}.bp4-dark #translate-panel{background-color:#252a31}#translate-panel .fixed{flex-shrink:0;margin-bottom:10px}#translate-panel .body{flex-grow:1;overflow:auto;overscroll-behavior:contain}#translate-panel .body::-webkit-scrollbar{width:8px;background-color:rgba(0,0,0,0);-webkit-border-radius:100px}#translate-panel .body::-webkit-scrollbar:hover{background-color:rgba(0,0,0,.09)}#translate-panel .body::-webkit-scrollbar-thumb:vertical{background:rgba(0,0,0,.5);-webkit-border-radius:100px}#translate-panel .body::-webkit-scrollbar-thumb:vertical:active{background:rgba(0,0,0,.61);-webkit-border-radius:100px}#translate-panel.size-small,#translate-panel.size-small h6.bp4-heading,#translate-panel.size-small .bp4-control.bp4-large,#translate-panel.size-small textarea.bp4-input.bp4-small{font-size:14px}#translate-panel.size-small .phonetic-item,#translate-panel.size-small .quick-settings a{font-size:12px}#translate-panel.size-middle,#translate-panel.size-middle h6.bp4-heading,#translate-panel.size-middle .bp4-control.bp4-large,#translate-panel.size-middle textarea.bp4-input{font-size:18px}#translate-panel.size-middle .phonetic-item,#translate-panel.size-middle .quick-settings a{font-size:14px}#translate-panel.size-large,#translate-panel.size-large h6.bp4-heading,#translate-panel.size-large .bp4-control.bp4-large,#translate-panel.size-large textarea.bp4-input.bp4-large{font-size:22px}#translate-panel.size-large .source,#translate-panel.size-large .phonetic-item,#translate-panel.size-large .quick-settings a{font-size:18px}#translate-panel .bp4-button.bp4-small,#translate-panel .bp4-small .bp4-button{min-height:20px;min-width:20px}#translate-panel .header{display:flex;align-items:center;padding:4px 6px 4px 10px;border-bottom:1px solid #d1d1d1}.bp4-dark #translate-panel .header{border-bottom-color:rgba(17,20,24,.4)}#translate-panel .header .drag-block{min-width:5px;flex-shrink:0;flex-grow:1;align-self:stretch}#translate-panel .header .left{flex-shrink:0;display:flex}#translate-panel .header .right{flex-shrink:0;display:flex;align-items:center}#translate-panel .header .right .bp4-icon-arrow-right{flex-shrink:0;margin:0 5px}#translate-panel .header .right>.bp4-button{flex-shrink:0;margin:0 1px}#translate-panel .header .right>.bp4-button:last-child{margin-right:0}#translate-panel .quick-settings{padding:4px 9px;margin:0 1px}#translate-panel .quick-settings>div{margin-bottom:5px}#translate-panel .quick-settings .bp4-control{margin-bottom:0}#translate-panel .query-text{position:relative;padding:10px 10px 2px 10px}#translate-panel .query-text textarea.bp4-input{min-height:44px;font-family:system-ui,-apple-system,"Segoe UI","Roboto","Ubuntu","Cantarell","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";overscroll-behavior:contain}#translate-panel .query-text .translate-btn{position:absolute;opacity:.6}#translate-panel .query-text .translate-btn:hover{opacity:1}#translate-panel .body{padding:0 10px}#translate-panel .body .bp4-card:first-child{margin-top:1px}#translate-panel .body .bp4-card:last-child{margin-bottom:1px}#translate-panel .body .no-api{margin:20px 0}.result-block{margin:8px 0;padding:2px 5px}.result-block .bp4-button{visibility:hidden}.result-block .error .bp4-button,.result-block:hover .bp4-button{visibility:visible}.result-block .legend{display:flex;align-items:center;justify-content:space-between}.result-block .legend .legend-left{display:flex;align-items:center}.result-block .legend .api-ico,.result-block .legend .bp4-heading{flex-shrink:0;white-space:nowrap}.result-block .legend .api-ico{display:inline-block;width:14px;height:14px;background-size:contain;margin-right:3px}.result-block .legend .bp4-heading{margin-bottom:0;margin-right:10px}.result-block .legend .source{cursor:pointer;font-size:12px;display:inline-flex;align-items:center}.result-block .legend .source .source-text{overflow:hidden}.result-block .legend .source .bp4-icon{position:relative;top:-1px;margin-left:1px}.result-block .phonetic{display:flex;flex-wrap:wrap}.result-block .phonetic .phonetic-item{display:flex;align-items:center;font-size:12px}.result-block .phonetic .phonetic-item:not(:last-child){margin-right:12px}.result-block .common-result p{line-height:1.3;margin:2px 0;overflow-wrap:break-word}.result-block .common-result .dict a{text-decoration:underline}.result-block .error{font-size:12px;padding:5px 10px}.result-block .dict-pos{margin-right:5px}.external-translators{margin-bottom:3px;padding:0;display:flex;flex-wrap:wrap}.external-translators>div{margin:0 5px 5px 0}.quick-links a{margin:0 5px 5px 0}#popper-container{width:250px;max-width:100%;position:absolute;left:0;top:0;z-index:9999999998;touch-action:none;transition:opacity .2s;background-color:#f6f7f9}.bp4-dark #popper-container{background-color:#252a31}#popper-container.show{opacity:1;pointer-events:auto;user-select:auto}#popper-container,#popper-container[data-popper-reference-hidden=true]{opacity:0;pointer-events:none;user-select:none}#popper-container .drag-block{cursor:grab}#popper-container.pin{position:fixed}#popper-container.pin .arrow{display:none}#popper-container .arrow,#popper-container .arrow::before{position:absolute;width:8px;height:8px;z-index:-1}#popper-container .arrow::before{content:"";transform:rotate(45deg);background:#f6f7f9}.bp4-dark #popper-container .arrow::before{background-color:#252a31}#popper-container .arrow{display:none}#popper-container.show[data-popper-placement]:not([data-popper-reference-hidden=true]) .arrow{display:block}#popper-container[data-popper-placement^=top] .arrow{bottom:-5px}#popper-container[data-popper-placement^=top] .arrow::before{border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1}#popper-container[data-popper-placement^=bottom] .arrow{top:-5px}#popper-container[data-popper-placement^=bottom] .arrow::before{border-left:1px solid #d1d1d1;border-top:1px solid #d1d1d1}#popper-container[data-popper-placement^=left] .arrow{right:-5px}#popper-container[data-popper-placement^=left] .arrow::before{border-right:1px solid #d1d1d1;border-top:1px solid #d1d1d1}#popper-container[data-popper-placement^=right] .arrow{left:-5px}#popper-container[data-popper-placement^=right] .arrow::before{border-left:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1}#translate-btn{display:none;position:absolute;z-index:9999999999;left:0;top:0}#translate-btn .bp4-button{padding:2px;min-width:0;min-height:0}#translate-btn .btn-icon{width:18px;height:18px;background-image:url(chrome-extension://cjlbgpmmejcpkmjoflojmlhhkllmdapj/logo.png);background-size:contain}.bp4-dark #translate-btn .btn-icon{background-image:url(chrome-extension://cjlbgpmmejcpkmjoflojmlhhkllmdapj/logowhite36.png)}#translate-btn.show{display:block}.translate-type-selector .bp4-label{display:inline}.translate-type-selector .bp4-radio{margin-bottom:0}#ocr-container{position:fixed;z-index:99999999999999;left:0;top:0;right:0;bottom:0}#ocr-container .toolbar{display:none;position:absolute;z-index:1}#ocr-container img{max-width:100%}#app{cursor:default}.switch-pin{flex-shrink:0;cursor:pointer}.switch-pin .bp4-icon-pin{transition:transform .2s,color .2s;transform:rotate(-45deg)}.pin .switch-pin .bp4-icon-pin{transform:rotate(-70deg)}.cut-btn{margin-left:2px}.app-toaster-container{position:fixed !important;z-index:9999999999 !important}.app-toaster-container .bp4-toast{min-width:auto}#web-trs-panel .app-toaster-container{padding-right:0}</style><div id="root" dir="ltr"><div id="app"><div id="translate-btn"><button type="button" class="bp4-button"><span class="btn-icon"></span></button></div><div id="popper-container" class="bp4-elevation-4" style="width: 250px; transform: translate(0px, 0px);"><div id="translate-panel" class="size-small"><div class="fixed"><div class="header"><div class="left"><div class="switch-pin"><button type="button" class="bp4-button bp4-minimal bp4-small"><span icon="pin" aria-hidden="true" class="bp4-icon bp4-icon-pin"><svg data-icon="pin" width="14" height="14" viewBox="0 0 16 16" role="img"><path d="M9.41.92c-.51.51-.41 1.5.15 2.56L4.34 7.54C2.8 6.48 1.45 6.05.92 6.58l3.54 3.54-3.54 4.95 4.95-3.54 3.54 3.54c.53-.53.1-1.88-.96-3.42l4.06-5.22c1.06.56 2.04.66 2.55.15L9.41.92z" fill-rule="evenodd"></path></svg></span></button></div><button type="button" title="图片翻译" class="bp4-button bp4-minimal bp4-small"><span icon="media" aria-hidden="true" class="bp4-icon bp4-icon-media"><svg data-icon="media" width="14" height="14" viewBox="0 0 16 16" role="img"><path d="M11.99 6.99c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm3-5h-14c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h14c.55 0 1-.45 1-1v-10c0-.55-.45-1-1-1zm-1 9l-5-3-1 2-3-4-3 5v-7h12v7z" fill-rule="evenodd"></path></svg></span></button><button type="button" title="语音翻译" class="bp4-button bp4-minimal bp4-small"><span class="bp4-icon"><svg version="1.1" id="Capa_1" width="14" height="14" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 490.9 490.9" xml:space="preserve"><g><g><path d="M245.5,322.9c53,0,96.2-43.2,96.2-96.2V96.2c0-53-43.2-96.2-96.2-96.2s-96.2,43.2-96.2,96.2v130.5 C149.3,279.8,192.5,322.9,245.5,322.9z M173.8,96.2c0-39.5,32.2-71.7,71.7-71.7s71.7,32.2,71.7,71.7v130.5 c0,39.5-32.2,71.7-71.7,71.7s-71.7-32.2-71.7-71.7V96.2z"></path><path d="M94.4,214.5c-6.8,0-12.3,5.5-12.3,12.3c0,85.9,66.7,156.6,151.1,162.8v76.7h-63.9c-6.8,0-12.3,5.5-12.3,12.3 s5.5,12.3,12.3,12.3h152.3c6.8,0,12.3-5.5,12.3-12.3s-5.5-12.3-12.3-12.3h-63.9v-76.7c84.4-6.3,151.1-76.9,151.1-162.8 c0-6.8-5.5-12.3-12.3-12.3s-12.3,5.5-12.3,12.3c0,76.6-62.3,138.9-138.9,138.9s-138.9-62.3-138.9-138.9 C106.6,220,101.2,214.5,94.4,214.5z"></path></g></g></svg></span></button></div><div class="drag-block" title="按住不放可以拖动"></div><div class="right"><div style="font-size: 0px; position: relative;"><button type="button" title="你有 2 条未读消息" class="bp4-button bp4-minimal bp4-small"><span icon="notifications" aria-hidden="true" class="bp4-icon bp4-icon-notifications"><svg data-icon="notifications" width="14" height="14" viewBox="0 0 16 16" role="img"><path d="M8 16c1.1 0 2-.9 2-2H6c0 1.1.9 2 2 2zm6-5c-.55 0-1-.45-1-1V6c0-2.43-1.73-4.45-4.02-4.9 0-.04.02-.06.02-.1 0-.55-.45-1-1-1S7 .45 7 1c0 .04.02.06.02.1A4.992 4.992 0 003 6v4c0 .55-.45 1-1 1s-1 .45-1 1 .45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1z" fill-rule="evenodd"></path></svg></span></button><div style="position: absolute; background: rgb(243, 1, 1); width: 6px; height: 6px; border-radius: 3px; right: 3px; top: 1px;"></div></div><button type="button" disabled="" title="添加到收藏夹" class="bp4-button bp4-disabled bp4-minimal bp4-small" tabindex="-1"><span icon="star-empty" aria-hidden="true" class="bp4-icon bp4-icon-star-empty"><svg data-icon="star-empty" width="14" height="14" viewBox="0 0 16 16" role="img"><path d="M16 6.11l-5.53-.84L8 0 5.53 5.27 0 6.11l4 4.1L3.06 16 8 13.27 12.94 16 12 10.21l4-4.1zM4.91 13.2l.59-3.62L3 7.02l3.45-.53L8 3.2l1.55 3.29 3.45.53-2.5 2.56.59 3.62L8 11.49 4.91 13.2z" fill-rule="evenodd"></path></svg></span></button><button type="button" class="bp4-button bp4-minimal bp4-small settings" title="快捷设置"><span icon="cog" aria-hidden="true" class="bp4-icon bp4-icon-cog"><svg data-icon="cog" width="14" height="14" viewBox="0 0 16 16" role="img"><path d="M15.19 6.39h-1.85c-.11-.37-.27-.71-.45-1.04l1.36-1.36c.31-.31.31-.82 0-1.13l-1.13-1.13a.803.803 0 00-1.13 0l-1.36 1.36c-.33-.17-.67-.33-1.04-.44V.79c0-.44-.36-.8-.8-.8h-1.6c-.44 0-.8.36-.8.8v1.86c-.39.12-.75.28-1.1.47l-1.3-1.3c-.3-.3-.79-.3-1.09 0L1.82 2.91c-.3.3-.3.79 0 1.09l1.3 1.3c-.2.34-.36.7-.48 1.09H.79c-.44 0-.8.36-.8.8v1.6c0 .44.36.8.8.8h1.85c.11.37.27.71.45 1.04l-1.36 1.36c-.31.31-.31.82 0 1.13l1.13 1.13c.31.31.82.31 1.13 0l1.36-1.36c.33.18.67.33 1.04.44v1.86c0 .44.36.8.8.8h1.6c.44 0 .8-.36.8-.8v-1.86c.39-.12.75-.28 1.1-.47l1.3 1.3c.3.3.79.3 1.09 0l1.09-1.09c.3-.3.3-.79 0-1.09l-1.3-1.3c.19-.35.36-.71.48-1.1h1.85c.44 0 .8-.36.8-.8v-1.6a.816.816 0 00-.81-.79zm-7.2 4.6c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z" fill-rule="evenodd"></path></svg></span></button><button type="button" title="关闭(Esc)" class="bp4-button bp4-minimal bp4-small"><span icon="cross" aria-hidden="true" class="bp4-icon bp4-icon-cross"><svg data-icon="cross" width="18" height="18" viewBox="0 0 16 16" role="img"><path d="M9.41 8l3.29-3.29c.19-.18.3-.43.3-.71a1.003 1.003 0 00-1.71-.71L8 6.59l-3.29-3.3a1.003 1.003 0 00-1.42 1.42L6.59 8 3.3 11.29c-.19.18-.3.43-.3.71a1.003 1.003 0 001.71.71L8 9.41l3.29 3.29c.18.19.43.3.71.3a1.003 1.003 0 00.71-1.71L9.41 8z" fill-rule="evenodd"></path></svg></span></button></div></div><div class="bp4-collapse"><div class="bp4-collapse-body" aria-hidden="true"><div class="bp4-card bp4-elevation-0 quick-settings"><div><span class="bp4-popover-wrapper lang-select"><span aria-haspopup="true" class="bp4-popover-target"><div class=""><button type="button" class="bp4-button bp4-small"><span class="bp4-button-text">自动检测</span><span icon="caret-down" aria-hidden="true" class="bp4-icon bp4-icon-caret-down"><svg data-icon="caret-down" width="16" height="16" viewBox="0 0 16 16" role="img"><path d="M12 6.5c0-.28-.22-.5-.5-.5h-7a.495.495 0 00-.37.83l3.5 4c.09.1.22.17.37.17s.28-.07.37-.17l3.5-4c.08-.09.13-.2.13-.33z" fill-rule="evenodd"></path></svg></span></button></div></span></span><span icon="arrow-right" aria-hidden="true" class="bp4-icon bp4-icon-arrow-right" style="margin: 0px 10px;"><svg data-icon="arrow-right" width="12" height="12" viewBox="0 0 16 16" role="img"><path d="M14.7 7.29l-5-5a.965.965 0 00-.71-.3 1.003 1.003 0 00-.71 1.71l3.29 3.29H1.99c-.55 0-1 .45-1 1s.45 1 1 1h9.59l-3.29 3.29a1.003 1.003 0 001.42 1.42l5-5c.18-.18.29-.43.29-.71s-.12-.52-.3-.7z" fill-rule="evenodd"></path></svg></span><span class="bp4-popover-wrapper lang-select"><span aria-haspopup="true" class="bp4-popover-target"><div class=""><button type="button" class="bp4-button bp4-small"><span class="bp4-button-text">中文(简体)</span><span icon="caret-down" aria-hidden="true" class="bp4-icon bp4-icon-caret-down"><svg data-icon="caret-down" width="16" height="16" viewBox="0 0 16 16" role="img"><path d="M12 6.5c0-.28-.22-.5-.5-.5h-7a.495.495 0 00-.37.83l3.5 4c.09.1.22.17.37.17s.28-.07.37-.17l3.5-4c.08-.09.13-.2.13-.33z" fill-rule="evenodd"></path></svg></span></button></div></span></span></div><div><label class="bp4-control bp4-checkbox bp4-inline"><input type="checkbox"><span class="bp4-control-indicator"></span>谷歌</label><label class="bp4-control bp4-checkbox bp4-inline"><input type="checkbox"><span class="bp4-control-indicator"></span>DeepL</label><label class="bp4-control bp4-checkbox bp4-inline"><input type="checkbox" checked=""><span class="bp4-control-indicator"></span>百度</label><label class="bp4-control bp4-checkbox bp4-inline"><input type="checkbox"><span class="bp4-control-indicator"></span>百度(专业版)</label><label class="bp4-control bp4-checkbox bp4-inline"><input type="checkbox"><span class="bp4-control-indicator"></span>腾讯</label><label class="bp4-control bp4-checkbox bp4-inline"><input type="checkbox"><span class="bp4-control-indicator"></span>彩云</label><label class="bp4-control bp4-checkbox bp4-inline"><input type="checkbox" checked=""><span class="bp4-control-indicator"></span>阿里</label><label class="bp4-control bp4-checkbox bp4-inline"><input type="checkbox"><span class="bp4-control-indicator"></span>阿里(专业版)</label><label class="bp4-control bp4-checkbox bp4-inline"><input type="checkbox" checked=""><span class="bp4-control-indicator"></span>有道</label><label class="bp4-control bp4-checkbox bp4-inline"><input type="checkbox"><span class="bp4-control-indicator"></span>火山</label><label class="bp4-control bp4-checkbox bp4-inline"><input type="checkbox"><span class="bp4-control-indicator"></span>必应词典</label><label class="bp4-control bp4-checkbox bp4-inline"><input type="checkbox"><span class="bp4-control-indicator"></span>搜狗</label></div><div><label class="bp4-control bp4-checkbox bp4-inline"><input type="checkbox"><span class="bp4-control-indicator"></span>自动朗读</label><span class="bp4-popover-wrapper"><span aria-haspopup="true" class="bp4-popover-target"><label class="bp4-control bp4-checkbox bp4-disabled bp4-inline"><input disabled="" tabindex="0" type="checkbox"><span class="bp4-control-indicator"></span>自动复制</label></span></span></div><div><label class="bp4-control bp4-radio bp4-inline"><input name="Blueprint4.RadioGroup-0" type="radio" value="small" checked=""><span class="bp4-control-indicator"></span>小</label><label class="bp4-control bp4-radio bp4-inline"><input name="Blueprint4.RadioGroup-0" type="radio" value="middle"><span class="bp4-control-indicator"></span>中</label><label class="bp4-control bp4-radio bp4-inline"><input name="Blueprint4.RadioGroup-0" type="radio" value="large"><span class="bp4-control-indicator"></span>大</label></div><div><label class="bp4-control bp4-checkbox bp4-inline"><input type="checkbox"><span class="bp4-control-indicator"></span>显示文本框</label><label class="bp4-control bp4-checkbox bp4-inline" style="margin-right: 0px;"><input type="checkbox"><span class="bp4-control-indicator"></span>鼠标悬浮取词</label></div><a class="bp4-text-small">打开完整设置</a><a class="bp4-text-small" style="margin-left: 15px;"><span icon="crown" aria-hidden="true" class="bp4-icon bp4-icon-crown" style="position: relative; top: -1px;"><svg data-icon="crown" width="14" height="14" viewBox="0 0 16 16" role="img"><path d="M2 6l3 2 3-4 3 4 3-2-1 6H3L2 6zm6-5a1 1 0 110 2 1 1 0 010-2zM1 3a1 1 0 110 2 1 1 0 010-2zm14 0a1 1 0 110 2 1 1 0 010-2zM3 13h10v2H3v-2z" fill-rule="evenodd"></path></svg></span> 开通会员</a></div></div></div></div><div class="body"><p>请输入需要翻译的文本。</p></div></div><div class="arrow"></div></div><div id="web-trs-panel"></div></div></div></template></div></div></html>